<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
    <script src="index.js"></script>
</head>

<body>
    <div class="ggd">
        <form action="">
            &nbsp;<input type="button" value="问卷管理" class="gb">&nbsp;&nbsp;&nbsp;
            <a href="index.html"><span class="gb">我的问卷</span></a>
        </form>
    </div>
    <!-- 问卷的状态栏 -->
    <div class="pp" id="main">
        <table align="center" width="80%" style="text-align: center">
            <thead>
                <tr>
                    <th>标题</th>
                    <th>时间</th>
                    <th>状态</th>
                    <th>操作</th>
                    <!-- <td><input type="button" value="添加问卷" class="mmd"></td> -->
                    <td><button id="mainb" onclick="closemain()" class="mmd">新建问卷</button></td>
                </tr>
            </thead>
            <tbody>
                <!-- 这部分是用来添加问卷发布情况的发布情况的，在主界面，通过js进行添加，js添加之后形成的结构如下 -->
                <!-- <tr class="ll">
                    <td><input type="radio" class="hh">这是一份问卷</td>
                    <td>vbbbb</td>
                    <td>ccccc</td>
                    <td><input type="button" value="编辑" class="nmd">&nbsp;<input type="button" value="删除" class="nmd">&nbsp;<input type="button" value="查看数据" class="nmd">
                    </td>
                </tr>-->
            </tbody>
            <tbody>
                <tr class="ll">
                    <td>
                        <input type="radio" class="hh">全选
                        <button>删除</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <!-- 
        这个下面div-all里面是新建问题的界面，在里面对问卷的内容进行设置，添加单选题，多选题啥的
     -->
    <div class="all" id="dp">

        <p class="as">这里是标题</p>
        <hr>

        <div class="aa">
            <form action="">
                <!-- 通过js进行添加，添加之后的各类题目结构如下 -->
                <!-- <div class="qq">
                    <p>Q1&nbsp;单选题</p>
                    <input type="radio" name="a"><span>选项一</span><br><br>
                    <input type="radio" name="a"><span>选项二</span><br><br>
                    <div class="e">
                        <input type="button" value="上移">&nbsp;<input type="button" value="下移">&nbsp;<input type="button" value="复用">&nbsp;<input type="button" value="删除">
                    </div>
                </div>
                <div class="qq">
                    <p>Q2&nbsp;多选题</p>
                    <input type="checkbox" name="c"><span>选项一</span><br><br>
                    <input type="checkbox" name="c"><span>选项二</span><br><br>
                    <input type="checkbox" name="c"><span>选项三</span><br><br>
                    <input type="checkbox" name="c"><span>选项四</span><br><br>
                    <div class="e">
                        <input type="button" value="上移">&nbsp;<input type="button" value="下移">&nbsp;<input type="button" value="复用">&nbsp;<input type="button" value="删除">
                    </div>
                </div>
                </div>
                <div class="qq">
                    <p>Q4&nbsp;文本题</p>
                    &nbsp;&nbsp;<textarea name="aaa" id="" class="lj" cols="100" rows="10"></textarea>
                    <div class="e">
                        <input type="checkbox">此题是否必填
                    </div>
                </div> -->
            </form>
        </div>
        <!-- &nbsp; &nbsp; &nbsp; -->
        <div class="zz">
            <div class="bb">
                <form action="">
                    <div class="mm">
                        <input type="button" name="qw1" value="单选" class="ss">&nbsp;&nbsp;<input type="button" name="qw2" value="多选" class="ss">&nbsp;&nbsp;<input type="button" name="qw3" value="文本题" class="ss">
                    </div>

                    <div class="yy">
                        <input type="button" value="添加问题" class="dd" style="background-color: rgb(226, 226, 226)">
                    </div>


                </form>
            </div>
            <hr>
            <label for="date">问卷截止日期:</label>&nbsp;
            <input id="date" type="date" />
            <button id="sq" onclick="returnmain2()">保存问卷</button>
            <button id="iq" onclick="returnmain()">发布问卷</button>

        </div>
        <hr>
        <div>
        </div>
    </div>
    <!-- 这部分表示当主界面没有任何问卷时，为了不看起来怪怪的所以设置了主界面2 当问卷数为0时生效-->
    <div class="cf" id="main2">
        <div class="abc">
            <div class="ccc">
                <!-- <input type="button" class="sv" value="+新建问卷"> -->
                <button class="sv" onclick="closemain()">+新建问卷</button>
            </div>

        </div>

    </div>

</body>

</html>